.login-wrap{
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 198px;
    padding-bottom: 149px;
  }
  
  .login-header{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 40px 0 0 44px;
    height: 198px;
    background-color: #272c32;
    .login-logo{
      float: left;
      width: 262px;
      img{
        vertical-align: top;
      }
    }
    .login-disc{
      font-family: "Colaborate";
      font-style:normal;
      margin-top: 74px;
      margin-left: 28px;
      line-height: 1;
      float: left;
      color: #ffffff;
      font-size: 38px;
    }
  }
  .login-content{
    position: relative;
    height: 100%;
    background: #272c32 url(/assets/images/login-content-bg.jpg) center no-repeat;
    background-size: cover;
  }
  .login-footer{
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 149px;
    background: #272c32 url(/assets/images/login-footer-bg.png) right 0 no-repeat;
  }
  
  .login-box {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin-left: -245px;
    margin-top: -160px;
    width: 490px;
    .login-form {
      padding: 24px 70px 1px;
      background-color: rgba(39, 44, 50, 0.75);
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
      .ant-checkbox-wrapper{
        color: #ffffff;
      }
    }
  
  }
  
  .login-form-forgot {
    float: right;
  }
  .login-form-button {
    width: 100%;
  }